<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<title>今日秒杀</title>
		<link rel="stylesheet" type="text/css" href="../css/xxPublic.css"/>
		<link rel="stylesheet" type="text/css" href="../css/cart.css"/>
		<link rel="stylesheet" type="text/css" href="../css/orders.css"/>
		<link rel="stylesheet" type="text/css" href="../css/activity.css"/>
	</head>
	<body>
		<ul class="orderlistHd">
			<li class="active"><span>今日</span></li>
			<li><span>8月27日</span></li>
			<li><span>8月28日</span></li>
			<li><span>8月29日</span></li>
		</ul>
		<div class="countDown">
			<span>距离活动结束还剩</span>
			<div class="countTime">
				<span><em>09</em>时<em>09</em>分<em>09</em>秒</span>
			</div>
		</div>
		<div class="orderlistDix">
			<div class="cartBox">
				<div class="cartCont mb10">
					<ul class="cartList">
					<li>
						<div class="goodsInfo">
							<span class="goodsImg"><img src="../images/colleImg02.jpg"/></span>
							<div class="goodsCon">
								<p>iphone7/7plus 128g  移动／联通／电信三网通用</p>
								<div class="mb10">
									<div class="secKillPro">	<!--进度条-->
										<em><b>已抢334件</b></em>
										<span class="goodFlex">
											<i class="goodCell">已抢334件</i>
											29%
										</span>
									</div>
								</div>
								<div class="goodFlex secKillPrice">
									<span class="goodCell priceBox">
										<em class="rightPrice">秒杀价&yen;5999.00</em>
										原价<i class="lineThrough">&yen;6999.00</i>
									</span>
									<div class="">
										<button class="qiangBtn">马上抢</button>
									</div>
								</div>
							</div>
						</div>
					</li>
					<li>
						<div class="goodsInfo">
							<span class="goodsImg"><img src="../images/colleImg02.jpg"/></span>
							<div class="goodsCon">
								<p>iphone7/7plus 128g  移动／联通／电信三网通用</p>
								<div class="mb10">
									<div class="secKillPro">	<!--进度条-->
										<em><b>已抢334件</b></em>
										<span class="goodFlex">
											<i class="goodCell">已抢334件</i>
											29%
										</span>
									</div>
								</div>
								<div class="goodFlex secKillPrice">
									<span class="goodCell priceBox">
										<em class="rightPrice">秒杀价&yen;5999.00</em>
										原价<i class="lineThrough">&yen;6999.00</i>
									</span>
									<div class="">
										<button class="qiangBtn">马上抢</button>
									</div>
								</div>
							</div>
						</div>
					</li>
				</ul>
				</div>
				
			</div>
			<div class="cartBox dn">
				<div class="cartCont mb10">
					<ul class="cartList orderlistUl">
						<li>
							<div class="goodsInfo mr10">
								<span class="goodsImg"><img src="../images/colleImg02.jpg"/></span>
								<div class="goodsCon">
									<p>iphone7/7plus 128g  移动／联通／电信三网通用</p>
									<div class="goodFlex mb10">
										<span class="goodCell2 weight">重量：0.99kg</span>
									</div>
								</div>
							</div>
							<div class="ordersprice">
								<p>&yen;5999.00</p>
								x2
							</div>
						</li>
						<li>
							<div class="goodsInfo">
								<span class="goodsImg"><img src="../images/colleImg02.jpg"/></span>
								<div class="goodsCon">
									<p>iphone7/7plus 128g  移动／联通／电信三网通用</p>
									<div class="goodFlex mb10">
										<span class="goodCell2 weight">重量：0.99kg</span>
									</div>
								</div>
							</div>
							<div class="ordersprice">
								<p>&yen;5999.00</p>
								x2
							</div>
						</li>
					</ul>
					<div class="activityAccount">
						<div class="a_account" align="right">
							<button class="totalBtn orderslistbtn">查看物流</button>
							<button class="totalBtn orderslistbtn ml10">确认收货</button>
						</div>
					</div>
				</div>
			</div>
			<div class="cartBox dn">
				<div class="cartCont mb10">
					<ul class="cartList orderlistUl">
						<li>
							<div class="goodsInfo mr10">
								<span class="goodsImg"><img src="../images/colleImg02.jpg"/></span>
								<div class="goodsCon">
									<p>iphone7/7plus 128g  移动／联通／电信三网通用</p>
									<div class="goodFlex mb10">
										<span class="goodCell2 weight">重量：0.99kg</span>
									</div>
								</div>
							</div>
							<div class="ordersprice">
								<p>&yen;5999.00</p>
								x2
							</div>
						</li>
						<li>
							<div class="goodsInfo">
								<span class="goodsImg"><img src="../images/colleImg02.jpg"/></span>
								<div class="goodsCon">
									<p>iphone7/7plus 128g  移动／联通／电信三网通用</p>
									<div class="goodFlex mb10">
										<span class="goodCell2 weight">重量：0.99kg</span>
									</div>
								</div>
							</div>
							<div class="ordersprice">
								<p>&yen;5999.00</p>
								x2
							</div>
						</li>
					</ul>
					<div class="activityAccount">
						<div class="a_account">
							<img src="../images/tuiIcon.png" width="14"/>&nbsp;退货中
						</div>
					</div>
				</div>
				<div class="cartCont mb10">
					<ul class="cartList orderlistUl">
						<li>
							<div class="goodsInfo mr10">
								<span class="goodsImg"><img src="../images/colleImg02.jpg"/></span>
								<div class="goodsCon">
									<p>iphone7/7plus 128g  移动／联通／电信三网通用</p>
									<div class="goodFlex mb10">
										<span class="goodCell2 weight">重量：0.99kg</span>
									</div>
								</div>
							</div>
							<div class="ordersprice">
								<p>&yen;5999.00</p>
								x2
							</div>
						</li>
						<li>
							<div class="goodsInfo">
								<span class="goodsImg"><img src="../images/colleImg02.jpg"/></span>
								<div class="goodsCon">
									<p>iphone7/7plus 128g  移动／联通／电信三网通用</p>
									<div class="goodFlex mb10">
										<span class="goodCell2 weight">重量：0.99kg</span>
									</div>
								</div>
							</div>
							<div class="ordersprice">
								<p>&yen;5999.00</p>
								x2
							</div>
						</li>
					</ul>
					<div class="activityAccount">
						<div class="a_account">
							<img src="../images/tuiIcon.png" width="14"/>&nbsp;退货成功
						</div>
					</div>
				</div>
			</div>
		</div>
		
		<script src="../js/jquery-3.2.1.min.js"></script>
		<script>
			$(function(){
				$('.orderlistHd').on('click','li',function(){
					var idx = $(this).index();
					$(this).addClass('active').siblings().removeClass('active');
					$('.cartBox').eq(idx).removeClass('dn').siblings().addClass('dn');
				});
			})
		</script>
	</body>
</html>
